@charset "utf-8";
/* Powered by zhanghuitong.cn
	Auther:Honey
	Date:2016.11.28
 */

*{
	margin:0px;
	padding:0px;
}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:"微软雅黑";  font-size: 14px; color: #4f4f4f; background:#fff; line-height: 24px; min-width:1200px;}
ul, li, h1, h2, h3, h4, h5, p, dl, dd, form, ol, img { margin: 0; padding: 0; list-style: none; border:none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img { border: none; margin:0px; padding:0px; }
input,button{ border:0px; font-family:"微软雅黑";}
ul li{ list-style:none;}
a img { border: 0 }
a { text-decoration: none; color:#4f4f4f; }
.clear { clear: both; height: 0px; overflow: hidden; }
a:hover { }
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; }

div{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;}
.m { width: 1200px; margin: 0 auto; }
.w { width:100%; margin: 0 auto;}

/*top*/
.top{ height:75px; border-bottom:1px solid #efefef; padding:13px 0;}
.top .logo{  float:left;}
.top .logo img{ vertical-align:middle;}
.top .tel{ float:right;}
.top .tel .tel1{ display:block; font-size:26px; color:#1cb5b8;}
.top .tel .tel2{ display:block; font-size:14px; color:#666; text-align:right;}
/*nav*/
.nav{ height:56px; margin:0 auto; line-height:56px;}
.nav .navl{ float:left;}
.nav .navl ul li{ float:left; color:#999; font-size:14px; margin-right:58px; line-height:54px;}
.nav .navl ul li a{ color:#999;}
.nav .navl ul li:hover{ border-bottom:2px solid #00506f; color:#00506f;}
.nav .navl ul li a:hover{ color:#00506f;}
.nav .navl ul li.active{ border-bottom:2px solid #00506f; color:#00506f;}
.nav .navl ul li.active a{  color:#00506f;}
.nav .navr{ float:left; height:56px; position:relative;}
.nav .navr img{ vertical-align:middle;}
.nav .navr .vc-bg{ background:url(../images/vc-bg.png) no-repeat; width:150px; height:150px; position:absolute; top:0px; left:30px; display:none; z-index:1111; border:1px solid #00506f}
.nav .navr:hover .vc-bg{ display:block;}
/*banner*/
.banner{  overflow:hidden; position:relative; border:1px solid #ddd; margin:0px auto; width:100%; height:350px; }
.banner .hd{ height:12px; overflow:hidden; position:absolute; margin-left:48%; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; background:url(../images/ic0.png) no-repeat; cursor:pointer; }
.banner .hd ul li.on{ background:url(../images/ic1.png) no-repeat; }
.banner .bd{ position:relative; height:100%; z-index:0; margin:0px auto;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ display:block; vertical-align:middle; width: 100%;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev{ position:absolute; left:3%; top:50%; display:block; width:40px; height:60px; background:url(../images/left1.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ position:absolute; right:3%; top:50%; display:block; width:40px; height:60px; background:url(../images/right1.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }
/*main1*/
.main{ margin:75px auto 0px; }
.main .m-t{ text-align:center; margin-bottom:40px;}
.main .m-t .m-tit{ font-size:24px; color:#00506f; display:block; line-height:40px;}
.main .m-t .m-con{ font-size:14px; color:#999; display:block; line-height:25px;}
.main .m-m{display:block; text-align:center; margin-left:22%;}
.main .m-m a{ display:block; float:left;}
.main .m-m .a1,.main .m-m .a2,.main .m-m .a3,.main .m-m .a4,.main .m-m .a5,.main .m-m .a6{ float:left; display:block; width:86px; height:35px; line-height:35px; color:#fff; text-align:center; margin-right:5px;}
.main .m-m a.a1{ background:#0d3a4b; border:1px solid #0d3a4b;}
.main .m-m a.a2{ background:#00c0ff; border:1px solid #00c0ff;}
.main .m-m a.a3{ background:#f96868; border:1px solid #f96868;}
.main .m-m a.a4{ background:#49d5e1; border:1px solid #49d5e1;}
.main .m-m a.a5{ background:#bd65f0; border:1px solid #bd65f0;}
.main .m-m a.a6{ background:#90d769; border:1px solid #90d769;}
.main .m-m a.a7{ background:#d2d2d2; border:1px solid #d2d2d2; color:#666; font-size:12px; width:86px; height:35px; line-height:35px; text-align:center;}

.main .m-l{ border:2px solid #00506f; float:left; width:238px }
.main .m-l p{  font-size:24px; color:#fff; text-align:center; line-height:75px; background:#00506f;border-bottom:1px dotted #ddd; }
.main .m-l ul li{text-align:left;  border-bottom:1px dotted #ddd; padding:0 15px; font-size:14px; line-height:30px; overflow: hidden;}
.main .m-l ul li span{  float:right; line-height:30px;}
.main .m-l ul li.on{ color:#ffffff; line-height:30px; background-color:#00506f  }
.main .m-l ul li.on a{ color:#ffffff;}

.main .m-r{width:956px; float:left;}
.main .m-r .lh{ overflow:hidden;  }
.main .m-r .lh li{ width:284px; height:404px; float:left; border:2px solid #f3f3f3; margin-left:28px; margin-bottom:30px;    }
.main .m-r .lh li:hover{  border:2px solid #00506f; }
.main .m-r .lh li.js{ width:956px; text-indent:2em; border:none;}
.main .m-r .lh li img{ width:265px; height:268px;  padding:0px ; text-align:center;   }
.main .m-r .lh li .p-name{ color:#bebebe; line-height:25px;  word-break:break-all; word-wrap: break-word; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  padding: 0 10px; margin-top: 20px;  }
.main .m-r .lh li .p-name p{ font-size:16px; color:#343434;}
.main .m-r .lh li .p-name p a{ font-size:16px; color:#343434;}
.main .m-r .lh li .p-name a{ font-size:14px; line-height:30px;  color:#666;}
.main .m-r .lh li .p-more{ color:#666; font-size:14px; border-top:2px solid #00506f; width:85px; margin-top:15px; margin-left:10px;  }
.main .m-r .lh li .p-more a{  color:#666;}
.main .m-r .lh span{ font-size:16px; float:right; line-height:50px; color:#333; background:#ffea00; padding:0 50px;}
.main .m-r .page{ background:none; float:right;}
.main .m-r .page input{ border:1px solid #c9c9c9; background:#e8e8e8; line-height:30px; margin:0 5px;}
.main .m-r .page a{ border:1px solid #c9c9c9; padding:5px 10px; line-height:26px; margin-right:5px; color:#343434; cursor:pointer;}
.main .m-r .page span{ border:1px solid #004f70; padding:5px 10px; line-height:26px; margin-right:5px; color:#ffffff; cursor:pointer; background-color: #004f70}
.main .m-r .page a.pg{ background:#e8e8e8; color:#fff;}
.main .m-r .page a.on{ background:#00506f; color:#fff;}
.main .m-r .page a:hover{ background:#00506f; color:#fff;}

.m1{ margin:0 auto;  overflow:hidden; position:relative; height:692px; margin-top:50px; }
.m1 .hd{ overflow:hidden;  height:45px; width:100%; margin:auto; position:absolute; bottom:80px; left:45%;  }
.m1 .hd .prev{ display:block;  width:18px; height:45px; float:left; margin-right:45px; overflow:hidden; cursor:pointer; background:url(../images/left01.png) no-repeat center; filter:alpha(opacity=50);opacity:0.5; }
.m1 .hd .m1-more a{ background:url(../images/icon2.png) no-repeat center; width:62px; height:42px; display:block; float:left;}
.m1 .hd .next{ display:block;  width:18px; height:45px; float:left; margin-left:45px; overflow:hidden; cursor:pointer; background:url(../images/right01.png) no-repeat center; filter:alpha(opacity=50);opacity:0.5; }
.m1 .hd .prev:hover,.m1 .hd .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m1 .hd .m1-more:hover a{ background:url(../images/icon3.png) no-repeat center; width:62px; height:42px; display:block; float:left;}
.m1 .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.m1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#000; }
.m1 .hd ul li.on{ background-position:0 0; }
.m1 .bd ul{ overflow:hidden; zoom:1; }
.m1 .bd ul li{ float:left; position:relative; width:400px; height:451px; border-bottom:1px solid #e0e0e0; margin:0;}
.m1 .bd ul img{ width:400px; height:400px; display:block;}
.m1 .bd ul .m1-con .tit1{ font-size:16px; color:#323232; display:block; line-height:50px; text-align: center}
.m1 .bd ul .icon{ display:none; width:400px; height:400px; background:rgba(0, 0, 0, 0.26) url(../images/ico.png) no-repeat center; z-index:1; position:absolute; top:0px; left:0px; text-align: center}
.m1 .bd ul li:hover{ border-bottom:1px solid #323232;}
.m1 .bd ul li:hover .icon{ display:block;}
/*about*/
.ab-t{ padding:60px 0; margin:0 auto;}
.ab-t .m-bg{ display:block; float:left; background:url(../images/m1-bg.png) no-repeat center; width:100%; height:42px;}
.ab-t .m-bg:hover{ background:url(../images/m1-bg1.png) no-repeat center;}
.ab-mbg{ background:#f8f8f8; padding:75px 0; margin-top:60px;}
.ab-m{}
.ab-m .ab-ml{ float:left; padding:0 90px;}
.ab-m .ab-ml img{ width:224px; height:245px;}
.ab-m .ab-mr{ float:left; width:735px;}
.ab-m .ab-mr .ab-mrt{}
.ab-m .ab-mr .ab-mrt .tit2{ font-size:24px; color:#00506f; display:block;}
.ab-m .ab-mr .ab-mrt .con2{ font-size:14px; color:#999; display:block;}
.ab-m .ab-mr .ab-mrm{ color:#666; font-size:14px; margin-top:40px;}
.ab-m .ab-mr .icon1{ background:url(../images/icbg0.png) no-repeat center; width:150px; height:32px; display:block; margin-top:45px;}
.ab-m .ab-mr .icon1 a{background:url(../images/icbg0.png) no-repeat center; width:150px; height:32px; display:block; margin-top:45px;}
.ab-m .ab-mr .icon1 a:hover{ background:url(../images/icbg1.png) no-repeat center; display:block;}
/*new*/
.news_ctn{ line-height:30px; }
.news_ctn img{ width: 100%; height: auto }
.news .ns-t{ text-align:center; margin:120px 0 60px;}
.news .ns-t .tit3{ font-size:24px; color:#00506f; display:block;}
.news .ns-t .con3{ font-size:14px; color:#999; display:block;}
.news .ns-m ul li{ float:left; width:500px; height:170px; margin:0 30px; padding:20px; overflow:hidden}
.news .ns-m ul li .date{ font-size:14px; color:#999;}
.news .ns-m ul li .item{ font-size:18px; color:#666; border-bottom:1px solid #efefef; line-height:55px; display:block;}
.news .ns-m ul li .ns-con{ font-size:14px; color:#999; display:block; margin-top:20px;}
.news .ns-m ul li:hover{ background:#f6f6f6;}
.news .ns-m ul li:hover .item{ border-bottom:1px solid #323232; color:#00c0ff;} 
.news .ns-more{ display:block; background:url(../images/icbg0.png) no-repeat center; width:100%; height:32px; cursor:pointer; margin-top:80px;}
.news .ns-more a{display:block; background:url(../images/icbg0.png) no-repeat center; width:100%; height:32px; cursor:pointer; margin-top:80px;}
.news .ns-more a:hover{ display:block; background:url(../images/icbg1.png) no-repeat center; width:100%; height:32px;}
/*foot*/
.footbg{ background:#f0f0f0;  margin-top:100px;}
.foot{ padding-top:70px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.foot .f-l{ float:left; width:600px;}
.foot .f-l .f-lt{ position:relative;}
.foot .f-l .f-lt .f-tit{ font-size:18px; color:#666; display:block; line-height:45px;}
.foot .f-l .f-lt .f-add{ font-size:14px; color:#999; display:block; margin-top:20px;}
.foot .f-l .f-lt .f-pic{ position:absolute; right:35px; top:37px;}
.foot .f-l .f-lt .f-pic1{ position:absolute; right:-150px; top:37px;}
.foot .f-l .f-lt ul{ width:420px;}
.foot .f-l .f-lt ul li{ float:left; width:200px; color:#999; font-size:14px; margin-top:20px;}
.foot .f-l .f-lt ul li.mail{ float:left; width:190px; color:#0a76a0; font-size:14px; margin-top:20px; border-bottom:1px solid #0a76a0;}
.foot .f-l .f-lm{ margin-top:50px;}
.foot .f-l .f-lm .link{ font-size:18px; color:#666; display:block; line-height:45px;}
.foot .f-l .f-lm a{ float:left; display:block; margin-right:28px; color:#999; margin-top:10px;}
.foot .f-l .f-lm a:hover{ color:#00506f;}
.foot .f-m{ float:left; margin-top:50px;}
.foot .f-r{ float:right;}
.foot .f-r .f-rin{ color:#666; font-size:14px; line-height:55px; border-bottom:1px solid #ddd; display:block;}
.foot .f-r .f-rin input{ width:300px; padding-left:15px; outline:none; background:none;}
.foot .f-r .f-rin1{ color:#666; font-size:14px; line-height:55px; border-bottom:1px solid #ddd; display:block;}
.foot .f-r .f-rin1 .tet{ display:block; line-height:35px; float:left;}
.foot .f-r .f-rin1 textarea{ height:110px; width:300px; padding-left:15px; line-height:35px; outline:none; background:none; border:none; display:block; float:left; max-width:300px;}
.foot .f-r button{ background:#00506f; line-height:40px; color:#fff; text-align:center; cursor:pointer; width:343px; border-radius:2px; -webkit-border-radius:2px; margin-top:10px;}
.bottom{ line-height:55px; color:#999; font-size:14px;}
/*产品中心*/
.ban{ width:100%; height:200px; margin-bottom:60px;}
.ban img{ width:100%; height:100%;}

/*公司简介*/
.main .m2{}
.main .m2 .m2-l{ overflow:hidden;  border:2px solid #00506f; float:left; width:238px;}
.main .m2 .m2-l p{ font-size:24px; color:#fff; text-align:center; line-height:75px; background:#00506f;border-bottom:1px dotted #ddd; }
.main .m2 .m2-l ul{ line-height:30px;}
.main .m2 .m2-l ul li{ position:relative; margin-left:0px;  height:30px; text-align:left;  border-bottom:1px dotted #ddd; padding:0 15px; font-size:14px; _font-weight:bold; cursor:default; }
.main .m2 .m2-l li span{ float:right; line-height:30px;}
.main .m2 .m2-l li.on{ color:#ffffff; line-height:30px; background-color:#00506f  }
.main .m2 .m2-l li.on a{ color:#ffffff;}
.main .m2 .m2-r{width:956px; float:left;}
.main .m2 .m2-r .m2-t p.link{ margin:0 0 30px 23px; line-height:35px; color:#636761; border-bottom:1px solid #dbdbdb;}
.main .m2 .m2-r .m2-t p.link a{ color:#636761;}
.main .m2 .m2-r .m2-m{ padding:0 23px;}
.main .m2 .m2-r .m2-m p{ text-indent:2em;}
.main .m2 .m2-r .m2-m .m2-mcon{ width:950px; margin-bottom:45px;}
.main .m2 .m2-r .m2-m .m2-mcon .m2-ml{ float:left; width:245px; height:180px;}
.main .m2 .m2-r .m2-m .m2-mcon .m2-ml img{ border:1px solid #e9e9e9; padding:5px; width: 245px; height: 150px; }
.main .m2 .m2-r .m2-m .m2-mcon .m2-mr{ float:left; width:660px; margin-left:30px;}
.main .m2 .m2-r .m2-m .m2-mcon .m2-mr p.tit{ font-size:16px; color:#333; text-indent:0}
.main .m2 .m2-r .m2-m .m2-mcon .m2-mr p.tit a{ color:#333;}
.main .m2 .m2-r .m2-m .m2-mcon .m2-mr span{ display:block; color:#b0b0b0; line-height:30px}
.main .m2 .m2-r .m2-m .m2-mcon .m2-mr p{ color:#b0b0b0;  text-indent:0; line-height:22px;}
.main .m2 .m2-r .m2-m .m2-mcon .m2-mr a.more{ float:right; background:#00506f; padding:0 15px; line-height:35px; color:#fff;}
.main .m2 .m2-r .m2-m input{ width:391px; border:1px solid #c9c9c9; font-size:14px; line-height:45px; margin-right:20px; margin-bottom:35px; padding-left:20px}
.main .m2 .m2-r .m2-m textarea{ width:825px; line-height:30px; padding-left:20px; font-size:14px; border:1px solid #c9c9c9; margin-bottom:35px;}
.main .m2 .m2-r .m2-m button{ margin:0 auto; width:140px; margin-left:360px; line-height:40px; background:#00506f; font-size:18px; color:#fff; cursor:pointer;} 
.main .m2 .m2-r .m2-pag{ float:right;}
.main .m2 .m2-r .m2-pag input{ border:1px solid #c9c9c9; background:#e8e8e8; line-height:30px; margin:0 5px;}
.main .m2 .m2-r .m2-pag a{ border:1px solid #c9c9c9; padding:5px 10px; line-height:30px; margin-right:5px; color:#343434; cursor:pointer;}
.main .m2 .m2-r .m2-pag a.pg{ background:#e8e8e8; color:#fff;}
.main .m2 .m2-r .m2-pag a.on{ background:#00506f; color:#fff;}
.main .m2 .m2-r .m2-pag a:hover{ background:#00506f; color:#fff;}